Фон с полосой посредине.

[N-Mak]

Господа, что-то у меня все представления о верстке поменялись...

Вот простой код:

* {margin: 0; padding: 0;}

html {
 background-color: black;
 }
body {
 margin:0 auto;
 width:700px;
 background-color: #009933;
}

Тут совершенно ясно, что на черном фоне (посредине) должна быть полоса зеленого цвета шириной 700пкс. И мне было ясно до сегодняшнего дня. Но сегодня я обнаружил, что в ИЕ6 это не так! В нем вся площаль зеленого цвета. Здесь даже хак вставить некуда и не о чем!

Я чего-то не понимаю.... Какие есть мнения относительно природы этого явления?

Хотя есть еще вариант, что это MultipleIEs глючит.

Да, предвидя замечания про теги html и body (а почему бы и нет?) скажу, что вот :

* {margin: 0; padding: 0;}

body {
 background-color: black;
 }

#container {
 position: relative;
 width: 1087px;
 background-color: #009933;
 margin: 0 auto;
 }

так спецом для осла ввел ненужный тег. Значит вот так 6 осел начинает понимать что такое ширина, но центровать все равно ничего не хочет. А этого ИМХО не может быть потому что не может быть никогда. margin: 0 auto; должен понимать даже осел. Его заменить-то особо нечем.

[Pavel_html]

Знаешь, мне тоже иногда хочется долго мучить Билла Гейтса и весь Microsoft за этот IE!

Столько раз я делал прекрастную верстку, которая работала и Opera и в Fireworx (или как его там). И в Mozzile.. А IE, гад такой, портил всю верстку, все перемешивал... И я с пеной на губах, приговаривая "IE пользуются 90% всех россиян, IE пользуются..", и переделовал весь дизай, над котором мучился целый день.

[homm]

А этого ИМХО не может быть потому что не может быть никогда. margin: 0 auto; должен понимать даже осел.

Угу. Я вот тоже недавно сталкнулся, мол a:hover даже ишак всегда понимал, а тут не работает хоть тресни, так и не разобрался в чем дело, плюнул на это.

[Pavel_html]

Нет, a:hover в IE работает, а вот там li:hovet, td:hover не работают.

[homm]

Нет, a:hover в IE работает

Вот и я был уверен Оказалось что не всегда.

[N-Mak]

Ну, a:hover это не тег в принципе, а оператор. Я могу понять, когда Эксплорер операторы не понимает, всякие нововведения CSS2, тае более CSS3. НО в букваре по CSS написано:

- что блок, если у него не задана ширина занимает всю доступную площадь

- если блоку задать ширину, меньше чем у содержащего его блока, то он "прилипнет" к левому краю.

- если задать margin-left: auto, то блок уплывет к правому,

- если задать margin-left: auto и margin-right: auto, то блок с заданной шириной зависнет посредине.

Так было всегда, это основы. В данный момент у меня блок имеет ширину width: 1087px; и margin:0 auto; значит он должен стать шириной ХХХрх и оказаться посредине. Но этого не происходит.

Представьте, что вы рисуете и видите, что во всех браузерах эта таблица есть, а в одном нету. Этот тег должен отображаться везде, а его нет. Вот и я примерно в такой же задумчивости.

Вообще, я ожидал, что мне сейчас скажут что-то в духе "Дружище, ты же скобочку закрывающую забыл "}", как тебе не стыдно с такой фигней тему заводить?" И мне станет стыдно. Но я уже все вроде перепроверил.

Все-таки я на программу-эмулятор E6 грешу. Посмотрите, пожалуйста кому не лень в настоящем 6 эксплорере этот код.

[N-Mak]

Все, разобрался.

Господа, никогда, слышите, никогда! не сообщайте браузеру xml version до того как задаете DOCTYPE! Ибо это не правильно и 6 эксплорер считает, что ему можно делать то, что заблагорассудится. А заблагорассудиться ему может многое ибо он извращенец известный.

В общем, признаю себя ослом.

[homm]

не сообщайте браузеру xml version до того как задаете DOCTYPE!

Об этом на каждом шагу написано на этом реессурсе, рекомендую

http://xhtml.ru/